<%--
  Created by IntelliJ IDEA.
  User: ZhuChunXiao
  Date: 2017/3/22
  Time: 15:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://"
          + request.getServerName() + ":" + request.getServerPort()
          + path + "/";
%>
<jsp:include page="../com/ajax-top.jsp" />
<div class="row">
  <!-- NEW WIDGET START -->
  <article class="col-sm-12 col-md-12 col-lg-12">
    <div class="jarviswidget well" id="wid-id-3"
         data-widget-colorbutton="false"
         data-widget-editbutton="false"
         data-widget-togglebutton="false"
         data-widget-deletebutton="false"
         data-widget-fullscreenbutton="false"
         data-widget-custombutton="false"
         data-widget-sortable="false">
      <!-- widget div-->
      <div>
        <div class="widget-body">
          <a class="btn btn-default" id="btn-re-common" href="javascript:void(0)"><i class="fa fa-lg fa-mail-reply-all"></i>车辆加油登记</a>
          <ul id="myTab1" class="nav nav-tabs bordered  ">
            <li class="active">
              <a href="#s1" data-toggle="tab"><i class="fa fa-fw fa-lg fa-credit-card"></i> 车辆信息 </a>
            </li>
            <li class="">
              <a href="#s2" id="other1" data-toggle="tab"><i class="fa fa-fw fa-lg fa-th-list"></i> 加油明细 </a>
            </li>
          </ul>
          <div id="myTabContent1" class="tab-content padding-10 ">
            <div class="tab-pane fade in active " id="s1" style="margin: 10px;">
              <div class="row">
                <shiro:hasAnyRoles name="wechat">
                  <a class="btn btn-default pull-right pull-right-fix" <s:property value="isEdit(carconfig.id)"/> key="ajax_edit" href="javascript:void(0);"><i class="fa fa-lg fa-edit"></i> 编辑</a>
                </shiro:hasAnyRoles>
              </div>
              <hr class="simple">
              <form id="carconfig" class="smart-form" novalidate="novalidate" action="" method="post">
                <input type="text" name="numStatus" id="numStatus" hidden value="<s:property value="numStatus" />"/>
                <input type="hidden" name="keyId" id="keyId" value="<s:property value="carConfig.id" />"/>
                <input type="hidden" name="curDutyId" id="curDutyId" value="<s:property value="curDutyId" />"/>
                <header  style="display: block;">
                  车辆加油登记表&nbsp;&nbsp;<span id="title"></span>
                </header>
                <fieldset>

                  <div class="row">
                    <label class="label col col-2">
                      <i class="fa fa-asterisk txt-color-red"></i>
                      车辆品牌
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input type="text" name="brandId" id="brandId" disabled placeholder="请输入车辆品牌" value="<s:property value="carConfig.brand"/>" >
                      </label>
                    </section>
                  </div>

                  <div class="row">
                    <label class="label col col-2">
                      <i class="fa fa-asterisk txt-color-red"></i>
                      车辆型号
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input type="text" name="typeId" id="typeId" disabled placeholder="请输入车辆型号" value="<s:property value="carConfig.type"/>" >
                      </label>
                    </section>
                  </div>

                  <div class="row">
                    <label class="label col col-2">
                      <i class="fa fa-asterisk txt-color-red"></i>
                      车辆号牌
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input type="text" name="carNoId" id="carNoId" disabled placeholder="请输入车辆号牌" value="<s:property value="carConfig.carNo"/>" >
                      </label>
                    </section>
                  </div>

                  <div class="row">
                    <label class="label col col-2">
                      <i class="fa fa-asterisk txt-color-red"></i>
                      当前里程数
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input type="text" name="kilometre" id="kilometre" disabled placeholder="当前里程数" value="<s:property value="carConfig.kilometre"/>" >
                      </label>
                    </section>
                  </div>

                  <div class="row">
                    <label class="label col col-2">
                      <i class="fa fa-asterisk txt-color-red"></i>
                      加油时间
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input  placeholder="最后一次加油时间" id="carconfigDate" name="carconfigDate" disabled type="text" value="<s:date name="carConfig.oilDate" format="yyyy-MM-dd"/>">
                      </label>
                    </section>
                  </div>

                  <div class="row">
                    <label class="label col col-2">
                      <i class="fa fa-asterisk txt-color-red"></i>
                      加油金额（元）
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input type="text" name="carconfigMoney" id="carconfigMoney" disabled placeholder="最后一次加油金额" value="<s:property value="carConfig.oilMoney"/>" >
                      </label>
                    </section>
                  </div>

                  <div class="row">
                    <label class="label col col-2">
                      <i class="fa fa-asterisk txt-color-red"></i>
                      累计加油金额
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input type="text" name="carconfigMoneyNum" id="carconfigMoneyNum" disabled placeholder="累计加油金额" value="<s:property value="carConfig.oilMoneyNum"/>" >
                      </label>
                    </section>
                  </div>

                  <div class="row">
                    <label class="label col col-2">
                      备注
                    </label>
                    <section class="col col-5">
                      <label class="input state-disabled">
                        <input type="text" name="remarks" id="remarks" disabled placeholder="请输入备注" value="<s:property value="carConfig.remarks"/>" >
                      </label>
                    </section>
                  </div>

                </fieldset>

              </form>
              <%--<div class="flow">--%>
                <%--<s:if test="carConfig.getProcessState().name()=='Running'">--%>
                  <%--<div class="f_title">审批意见</div>--%>
                  <%--<div class="chat-footer"style="margin-top:5px">--%>
                    <%--<div class="textarea-div">--%>
                      <%--<div class="typearea">--%>
                        <%--<textarea class="inputorr" placeholder="请填写审批意见..." name="comment" id="chat_textarea-expand"></textarea>--%>
                      <%--</div>--%>
                    <%--</div>--%>
                    <%--<span class="textarea-controls"></span>--%>
                  <%--</div>--%>
                <%--</s:if>--%>
                <%--<div class="f_title"><i class="right" id="flow"></i>流程信息</div>--%>
                <%--<div class="f_content" style="display:none">--%>
                  <%--<div id="showFlow"></div>--%>
                <%--</div>--%>
                <%--<div class="f_title"><i class="right" id="next"></i>下一步骤提示</div>--%>
                <%--<div class="f_content" style="display:none">--%>
                  <%--<div id="showNext"></div>--%>
                <%--</div>--%>
              <%--</div>--%>
            </div>
            <div class="tab-pane fade in active" id="s2" style="margin: 10px;"></div>
          </div>
        </div>
      </div>
    </div>

  </article>
</div>

<script>
  var state = "<s:property value="carConfig.getProcessState().name()" />";
  if(state == "Finished"){
    $('#other1').parent('li').removeClass('disabled');
  }
  var table_global_width=0;
  $("a#other1").off("click").on("click",function(e) {
    if(state == "Finished"){
      if (table_global_width == 0) {
        table_global_width = $("#s1").is(":visible") ? $("#s1").width() : $("#s2").width();
      }
      loadURL("../manage/ajax!oilquery.action?parentId="+$("#keyId").val(),$('div#s2'));
    }else{
      return false;
    }

  });

  $(function(){
    loadURL("ajax-running!workflow.action?bussinessId="+$("input#keyId").val()+"&type=flow",$('#showFlow'));
    loadURL("ajax-running!workflow.action?bussinessId="+$("input#keyId").val()+"&type=next",$('#showNext'));
    ajax_action("ajax-config!operateType.action",{keyId: $("input#keyId").val()},null,function(pdata){
      var showDuty = false;
      var area = $("span.textarea-controls");
      $(pdata.data.datarows).each(function(i,v){
        var str = '<button id="left_foot_btn_'+ v.action+'" data="" class="btn btn-sm btn-primary pull-right">'+ v.name+'</button>';
        $(area).append(str);
        if(v.action == "approve" || v.action=="sendback"  || v.action=="deny"){
          showDuty = true;
        }
      });
      if(showDuty == true){
        var pdata = {
          keyId: $("input#keyId").val(),
          flowName: "carconfig"
        };
        multiDuty(pdata);
      }
    });
    var valueObj=$("input#numStatus").val();
    switch(valueObj){
      case "0":
        //保存后再提交
        $("#left_foot_btn_approve").off("click").on("click",function(){
          form_save("carconfig","../manage/ajax-carconfig!commit.action?comment="+encodeURIComponent($("textarea#chat_textarea-expand").val()),null,function(){
            $("#btn-re-common").trigger("click");
          })
        });
        break;
    }
    //退回
    $("#left_foot_btn_sendback").off("click").on("click",function(){
      var vActionUrl="../manage/ajax-carconfig!reject.action?comment="+encodeURIComponent($("textarea#chat_textarea-expand").val())+"&curDutyId="+$('#curDutyId').val();
      var data={keyId:$("input#keyId").val()};
      ajax_action(vActionUrl,data,{},function(pdata){
        _show(pdata);
        $("#btn-re-common").trigger("click");
      });
    });
    //否决
    $("#left_foot_btn_deny").off("click").on("click",function(){
      var vActionUrl="../manage/ajax-carconfig!deny.action?comment="+encodeURIComponent($("textarea#chat_textarea-expand").val())+"&curDutyId="+$('#curDutyId').val();
      var data={keyId:$("input#keyId").val()};
      ajax_action(vActionUrl,data,{},function(pdata){
        _show(pdata);
        $("#btn-re-common").trigger("click");
      });
    });
    //流程信息展开
    $('#flow,#next').click(function(){
      if($(this).hasClass("right")){
        $(this).removeClass("right").addClass("down");
        $(this).parent(".f_title").next("div.f_content").show();
      }else{
        $(this).removeClass("down").addClass("right");
        $(this).parent(".f_title").next("div.f_content").hide();
      }
    });
  });

  //返回视图
  $("#btn-re-common").click(function(){
    var index = "<s:property value="index" />";
    var todo = "<s:property value="todo" />";
    var remind = "<s:property value="remind" />";
    var record = "<s:property value="record" />";
    var draft = "<s:property value="draft" />";
    if(index==1){
      loadURL("../com/ajax-index!page.action",$('#content'));
    }else if(todo==1){
      loadURL("../com/ajax!toDoList.action",$('#content'));
    }else if(remind==1){
      loadURL("../com/ajax!remindList.action",$('#content'));
    }else if(record==1){
      loadURL("../com/ajax!taskRecordList.action?type=1",$('#content'));
    }else if(record==2){
      loadURL("../com/ajax!taskRecordList.action?type=2",$('#content'));
    }else if(draft==1){
      loadURL("../com/ajax!draftList.action",$('#content'));
    }else{
      loadURL("../manage/ajax!oil.action",$('#content'));
    }

  });
  
  //编辑
  $("a[key=ajax_edit]").click(function(){
    var draft = "<s:property value="draft" />";
    loadURL("../manage/ajax-oil!input.action?keyId="+$("input#keyId").val()+"&draft="+draft,$('#content'));
  });


</script>